<script>
import { useCountStore } from "./stores/count";
import { mapState, mapActions, mapWriteableState } from "./pinia";
export default {
  computed: {
    // ...mapState(useCountStore, ["count"]),
    ...mapState(useCountStore, { d: "doubleCount" }),
    ...mapWriteableState(useCountStore, ["count"]),
  },
  methods: {
    ...mapActions(useCountStore, ["increment"]),
  },
};
</script>

<template>
  {}
  <div>『{{ count }}』 『{{ d }}』</div>
  <button @click="increment">increment</button>
  <button @click="count = count + 1">count + 1</button>
</template>

<style scoped></style>
